<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        
    </style>
</head>
<body>
    正在测试jsonp的封装，仅做了解，不需要记忆
</body>
<script>

    jsonp("http://127.0.0.1:3000/api", res=>{
        console.log(res);
    }, {
        type:"jsonp3",
        cb:"fn",
        fieldName:"cb",
        a:10,b:20,c:30
    });


    function jsonp(url, success, data){
        // jsonp只能get方式发起请求
        // 所以数据拼接到url身上
        let str = "";
        for(let i in data){
            str += `${i}=${data[i]}&`;
        }

        // 创建script标签
        const script = document.createElement("script");
        script.src = url + "?" + str;
        document.body.appendChild(script);

        // 在局部作用域定义全局函数
        window[data[data.fieldName]] = function(res){
            success(res)
        }
    }
</script>
</html>